body {
    margin: 0;
    padding: 0
}

h1, h2, h3, h4, h5, h6, button {
    font-style: normal;
    font-weight: normal;
    font-size: 100%;
}

li, ul, ol {
    list-style: none;
}

ion-header-bar {
    z-index: 999 !important;
}

.fl {
    float: left !important;
}

.fr {
    float: right !important;
}

.cl {
    clear: both
}

.white {
    font-size: 20px !important;
}

.fcwhite {
    color: #fff !important;
}

.fcblack {
    color: #000 !important;
}

.fcgrey {
    color: #a6a6a6 !important
}

.swiper-bgc {
    border-bottom: 2px solid red;
    color: red;
}

/*.bar.bar-header{ background:url('../img/tabs/bg.png');margin:0!important;}*/
.bar.bar-stable .title {
    color: #000;
}

.bar-stable .button.button-clear {
    color: #fff !important;
}

/*tabs */
ion-tabs.tabs-color-active-positive .tab-item.tab-item-active, ion-tabs.tabs-color-active-positive .tab-item.active, ion-tabs.tabs-color-active-positive .tab-item.activated {
    color: #e3cca2;
    background-color: #2d2c28;
    height: 54px;
    position: relative;
    top:-7px;
    padding-top: 4px;

}

.tab-home {
    background: url("../img/tabs/tab_home.png") no-repeat center;
    background-size: 25px;
}

.tab-home-active {
    background: url("../img/tabs/tab_home.png") no-repeat center;
    background-size: 25px;
}

.tab-movements {
    background: url("../img/tabs/movements.png") no-repeat center;
    background-size: 25px;
}

.tab-movements-active {
    background: url("../img/tabs/movements.png") no-repeat center;
    background-size: 25px;
}

.tab-lottery {
    background: url("../img/tabs/lottery.png") no-repeat center;
    background-size: 25px;
}

.tab-lottery-active {
    background: url("../img/tabs/lottery.png") no-repeat center;
    background-size: 25px;
}

.tab-news {
    background: url("../img/tabs/cheats.png") no-repeat center;
    background-size: 25px;
}

.tab-news-active {
    background: url("../img/tabs/cheats.png") no-repeat center;
    background-size: 25px;
}



/*.tab-account {*/
    /*background: url("../img/tabs/cheats.png") no-repeat center;*/
    /*background-size: 25px;*/
/*}*/

/*.tab-account-active {*/
    /*background: url("../img/tabs/cheats.png") no-repeat center;*/
    /*background-size: 25px;*/
/*}*/

.bar.bar-positive {
    background-color: #FD2F31;
}

.bar.bar-red {
    background-color: #d63138;
}

.bar-positive .button {
    border-color: transparent;
    background: none
}

.slider-pager .slider-pager-page {
    color: #2DC1F7
}


ion-tabs.tabs-color-active-positive .tab-item {
    color: #e3cca2!important;
}


.tabs {
    padding-top: 2px;
    border-top: none !important;
    border-bottom: none;
    background-position: top;
    background-size: 100% 1px;
    background-repeat: no-repeat;
    background-color: #c3a66c!important;
}











/*首页*/
#home .row {
    background-color: #fff;
    border-bottom: 10px solid #f1f1f1
}

#home .plan .col-50 {
    text-align: center;
}

#home .plan .col-50 > div {
    width: 100%;
    height: 40px;
    background: url(../img/home/plan_bg1.png) center no-repeat;
    background-size: 100% 100%;
    color: #fff;
    position: relative
}

#home .plan .col-50:last-child > div {
    width: 100%;
    height: 40px;
    background: url(../img/home/plan_bg2.png) center no-repeat;
    background-size: 100% 100%;
    color: #fff
}

#home .plan .col-50 > div div {
    width: 100px;
    height: 40px;
    margin: 0 auto;
}

#home .plan .col-50 > div div img {
    display: block;
    width: 30px;
    height: 30px;
    margin-top: 5px
}

#home .plan .col-50 > div div h1 {
    width: auto;
    display: block;
    height: 40px;
    line-height: 42px;
    margin: 0;
    color: #fff
}

#home .plan .col-50:last-child > div div h1 {
    width: auto;
    display: block;
    height: 40px;
    line-height: 42px;
    margin: 0;
    color: #fff
}

#home .playing-method {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 10px
}

#home .playing-method li {
    width: 95%;
    height: 90px;
    background: url(../img/home/lottery_bg1.png) center no-repeat;
    background-size: 100% 100%;
    margin: 0 auto 10px;
    position: relative;
    padding: 5px 10px 0 5px;
    color: #fff;
}

#home .playing-method li img {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    border-radius: 50%;
    -moz-box-shadow: 1px 0px 9px #FFFFFF, 1px 0px 0px #FFFFFF, 1px 2px 20px #FFFFFF;
    -webkit-box-shadow: 1px 0px 9px #FFFFFF, 1px 0px 0px #FFFFFF, 1px 2px 20px #FFFFFF;
    box-shadow: 1px 0px 9px #FFFFFF, 1px 0px 0px #FFFFFF, 1px 2px 20px #FFFFFF;
}

#home .playing-method li div {
    padding-left: 60px;
    padding-top: 5px;
    font-size: 13px
}

#home .playing-method li .countdown > span:first-child {
    font-size: 16px
}

#home .playing-method li span span {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../img/home/num_bg.png) center no-repeat;
    background-size: 100% 100%;
    text-align: center;
    line-height: 16px;
    border-radius: 50%;
    vertical-align: middle
}

#home .playing-method li:last-child {
    background: url(../img/home/lottery_bg2.png) center no-repeat;
    background-size: 100% 100%;
}

#home .playing-method li .date span:last-child {
    font-size: 16px
}

#home .playing-method li .date span:nth-child(3) {
    font-size: 16px
}

#home .playing-method li .period span:last-child span {
    background: #fff;
    color: #F19A33
}

#home .blue img {
    display: block
}

#home .last-res {
    background-color: #fff;
    padding: 6px 0;
}

#home .last-res p {
    margin: 5px 0;
    font-size: 14px;
    text-align: center;
}

#home .last-res ul {
    overflow: hidden;
    display: flex;
    justify-content: space-around;
}

#home .last-res ul li {
    background-color: #FD2F31;
    float: left;
    position: relative;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
}

#home .last-res ul li img {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
}

#home .about-plans {
    background-color: #FFF7F0;
}

#home .about-plans > div {
    background: transparent;
    width: 70%;
    margin-left: 15%;
    overflow: hidden;
}

#home .about-plans > div > div {
    float: left;
    width: 50%;
    text-align: center;
}

#home .about-plans > div > div img {
    width: 40px;
    max-height: 50px;
}

#home .his-list {
    width: 100%;
    margin-top: 10px;
    background-color: #fff;
}

#home .ding {
    display: inline-block;
    border: 1px solid #4a8af4;
    color: #4a8af4;
    border-radius: 50%;
    width: 16px;
    line-height: 16px;
}

#home .his-list .his-list-details > p {
    float: left;
    margin-bottom: 2px;
}

#home .his-list .his-list-details > div {
    float: left;
    margin-bottom: 2px;
}

#home .his-list .his-list-details > span {
    float: left;
    margin-bottom: 2px;
}

#home .his-list ul li > div span {
    margin: 0 5px;
}

#home .pro-line {
    width: 30%;
    height: 4px;
    margin-right: 10px;
    display: inline-block;
    background-color: #d8a;
    margin-top: 8px;
    margin-right: 5px;
    float: right;
}

#home .pro-line-num {
    float: right;
}

.plan-head {
    position: relative;
}

.plan-head img {
    vertical-align: top;
}

.plan-head div {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    padding-left: 10px;
    color: #f1f1f1;
}

.plans-chosed {
    width: 94%;
    margin: 15px 3% 30px 3%;
}

.plans-chosed ul {
    overflow: hidden;
    width: 100%;
}

.plans-chosed ul li {
    color: #666;
    float: left;
    border: 1px solid #535353;
    border-radius: 3px;
    margin: 3px;
    padding: 0 10px;
    text-align: center;
    font-size: 10px;
}

.plans-all {
    margin: 15px 0;
}

.plans-all p {
    margin-left: 3%;
}

.plans-all ul {
    margin-bottom: 15px;
    border-top: 1px dashed red;
    overflow: hidden;
    padding: 5px 3%;
    width: 100%;
}

.plans-all ul li {
    color: #666;
    float: left;
    border: 1px solid #535353;
    border-radius: 3px;
    margin: 3px;
    padding: 0 10px;
    text-align: center;
    font-size: 10px;
}

.pay-confirm-list .list label {
    padding: 10px 10px 8px 10px;
}

.pay-confirm-list .list label > div:first-child i {
    float: right;
}

.swiper-container {
    width: 100%;
    height: auto;
}

.swiper-slide {
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.txtMarquee-left {
    width: 100%;
    position: relative;
}

.txtMarquee-left .bd {
    padding: 10px;
}

.txtMarquee-left .bd .tempWrap {
    width: 100% !important;
}

/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
.txtMarquee-left .bd ul {
    overflow: hidden;
    zoom: 1;
}

.txtMarquee-left .bd ul li {
    margin-right: 20px;
    float: left;
    height: 24px;
    line-height: 24px;
    text-align: left;
    _display: inline;
    width: auto !important;
}

/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */
.txtMarquee-left .bd ul li a p {
    display: inline;
    white-space: nowrap;
}

.txtMarquee-left .bd ul li span {
    color: red
}

/*历史开奖*/
.lottery {
    height: 30px;
    padding: 0
}

.lottery ul {
    width: 100%;
    height: 30px;
}

.lottery ul > li {
    width: 88px;
    height: 30px;
    margin: 0 auto;
    line-height: 30px;
    position: relative
}

.lottery ul > li div {
    width: 100%;
    height: 30px;
}

.lottery ul > li div i {
    padding-left: 5px
}

.lottery ul > li ul {
    position: absolute;
    width: 100%;
    height: auto;
    border: 1px solid #dbdbdb;
    border-top: 0
}

.lottery ul > li ul li {
    width: 100%;
    height: 30px;
    text-align: center
}

/*个人中心start*/
#account .head-portrait {
    z-index: 9999;
    position: absolute;
    right: 0;
    width: 100%;
    height: 170px;
    background-color: #FF3838;
    text-align: center;
}

#account .head-portrait .account-user-pic {
    text-align: center;
    width: 90%;
    margin: 20px auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#account .head-portrait .account-user-pic img {
    width: 70px;
    height: 70px;
    border-radius: 70px;
    border: 2px solid #fff;
    margin: 5px auto;
}

#account .head-portrait .account-user-pic p {
    overflow: hidden;
    color: #fff;
    margin: 4px 0;
    text-align: center;
}

#account .head-portrait .account-user-pic .user-login {
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 3px 8px;
    margin: 0 10px;
}

#account .head-portrait .account-user-pic p:last-child {
    font-size: 13px
}

/*#account .program{margin-top: 203px;}*/
/*#account .program .part{margin-bottom: 20px;position: relative}*/
#account .program .part img {
    height: 50px;
    width: 50px;
}

#account .program .part span {
    position: absolute;
    top: 20px;
    left: 90px;
}

#account .program .part i {
    float: right;
    margin-right: 20px;
    font-size: 1.4em;
    margin-top: 5px;
    color: #a5a4a4;
}

#account .head-portrait .account-user-pic p:last-child .renew {
    display: inline-block;
    width: 40px;
    height: 20px;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #fff;
    margin-left: 5px;
    font-size: 13px;
    line-height: 20px
}

/*个人中心end*/
.lottery select {
    display: block;
    width: auto;
    margin: 0 auto;
    border: 0;
    height: 28px;
}

#lottery ul {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 10px 5px;
    background: none;
    background-color: #FFFFFF;
}

#lottery ul li {
    width: 100%;
    height: 70px;
    background-color: #f7f7f7;
    padding: 10px 5px;
    margin-bottom: 10px;
    border-radius: 5px;
}

#lottery ul li div:first-child span:last-child {
    color: #939393
}

#lottery ul li div:last-child {
    padding-top: 5px
}

#lottery ul li div:last-child span {
    display: inline-block;
    width: 25px;
    height: 25px;
    background-color: #b4985f;
    text-align: center;
    line-height: 25px;
    vertical-align: middle;
    color: #fff;
    margin-left: 5px;
    border-radius: 50%;
}

#lottery ul li div:last-child span:first-child {
    margin-left: 0
}

/*service modal*/
.modal-backdrop {
    background: rgba(0, 0, 0, .64) !important;
}

.area {
    height: 300px;
    width: 70%;
    background: #fff;
    text-align: center;
    margin: 50% auto;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid grey
}

.area img {
    height: 50px;
    width: 50px;
}

.area .wx {
    width: 150px;
    height: 150px
}

/*推荐方案start*/
.part {
    padding: 2px 0 0px 20px;
}

.part1 {
    overflow: hidden;
    margin: 0 auto;
}

.part2 {
    overflow: hidden;
    margin: 0 auto
}

.part1 .program1 {
    background: url('../img/recommend/bg1.png');
    height: 45px;
    float: left;
    width: 30%;
    margin: 0 1.5% 2%;
    color: #fff;
    text-align: center;
    line-height: 45px;
}

.part2 .program2 {
    background: url('../img/recommend/bg2.png');
    height: 45px;
    float: left;
    width: 30%;
    margin: 0 1.5% 2%;
    color: #fff;
    text-align: center;
    line-height: 45px;
}

#the-star {
    display: block;
    height: 74px
}

#the-star .row {
    padding: 6px 0 0 0;
    border-top: 1px solid #ddd
}

#the-star .row .col {
    padding: 0
}

#the-star .row .col button {
    display: block;
    width: 90%;
    height: 30px;
    margin: 0 auto;
    background-color: #2DC1F7;
    border: 0;
    color: #fff
}

.recommend-active {
    background-color: #E3B56E !important;
}

/*推荐方案end*/

/*方案详情start*/
.ion-more {
    color: #fff;
    font-size: 28px;
    right: 10px;
    position: absolute;
    line-height: 34px;
}

.selectBox {
    background: url('../img/tabs/bg.png');
    border: 1px solid grey;
    border-radius: 4px;
    width: 44px;
    text-align: center;
    padding: 0;
    position: absolute;
    right: 1px;
    top: 42px;
}

.selectBox p {
    margin-top: 8px;
    color: #fff;
    font-size: 12px;
    width: 100%;
}

.selectBox .outer {
    border-bottom: 14px solid grey;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    top: -13px;
    right: 10px;
}

.selectBox .inner {
    border-bottom: 14px solid #2DC1F7;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    top: -12px;
    right: 10px;
}

.details p {
    line-height: 35px;
    color: #2DC1F7;
    margin: 0 auto;
}

#details ul {
    padding: 10px
}

#details ul li {
    line-height: 25px;
    font-size: 14px;
    font-family: Consolas, Monaco, monospace;
}

#details ul li div {
    display: inline-block;
}

.pk10detailslottery {
    overflow: hidden;
    border: 1px solid red;
}

.pk10detailslottery li {
    float: left;
    border-right: 1px solid red;
    width: 20px;
    text-align: center;
}

#details .last-res {
    width: 90%;
    margin-left: 5%;
    margin-top: 5px;
}

#details .last-res p {
    font-size: 14px;
    margin-bottom: 0 !important;
}

#details .last-res ul {
    overflow: hidden;
    padding: 0;
}

#details .last-res ul li {
    background: url("../img/home/redball.png");
    background-size: 100% 100%;
    float: left;
    position: relative;
    width: 28px;
    height: 28px;
    line-height: 34px;
    text-align: center;
}

#details .last-res ul li img {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
}

#details .middle-box {
    background-color: #f8ffd3;
}

#details .middleul1 {
    overflow: hidden;
    width: 100%;
    padding: 3px 10px;
}

#details .middleul1li {
    margin: 0;
    font-size: 10px;
    float: left;
    width: 25%;
}

#details .middleul1li span {
    color: red;
}

#details .middleul2 {
    overflow: hidden;
    width: 100%;
    padding: 3px 10px;
}

#details .middleul2 li {
    margin: 0;
    font-size: 10px;
    float: left;
    width: 25%;
}

#details .middleul2 li span {
    color: red;
}

#details .righttime {
    display: inline-block;
    color: #2DC1F7;
    border: 1px solid #2DC1F7;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    margin-right: 5px;
}

.details-yellbg {
    padding: 10px;
    background-color: #F8FFD3;
}

.details-yellbg p {
    margin: 2px 5px;
    display: inline-block;
}

.details-yellbg p span {
    color: red;
}

.next-time {
    display: block;
    height: 65px;
    padding: 5px 0 0 0
}

.next-time div {
    font-size: 12px;
    color: #2DC1F7;
    width: 100%;
    padding: 0 5px
}

.next-time div:last-child {
    background-color: #6F81C5;
    color: #fff;
    padding-left: 10px
}

.searchway-ul1 li input {
    border: 1px solid #d3d3d3;
    width: 60px;
    border-radius: 5px;
    margin-left: 5px;
    text-align: center;
    padding: 0 5px;
    display: inline-block;
}

.filesearch {
    padding: 0 10px;
    color: #1480e5;
    font-size: 14px;
    line-height: 20px !important;
}

.filesearch i {
    font-size: 16px;
    line-height: 20px !important;
}

.filesearch-block {
    overflow: hidden;
    padding: 20px 10px 50px 10px;
}

.filesearch-block li {
    float: left;
    width: 8%;
    margin: 0 1%;
    text-align: center;
    font-size: 14px;
    line-height: 25px;
}

.search-chose1 {
    color: #fff;
    background-color: #1480e5;
}

.search-chose2 {
    color: #000;
    background-color: #fff;
    border: 1px solid #d3d3d3;
}

/*开奖走势*/
.movements .row {
    padding: 0
}

.movements .col-20 {
    font-size: 13px;
    padding: 0;
    text-align: center;
    line-height: 34px
}

.periods {
    border: 0;
    background: none;
    color: #fff
}

.periods option {
    color: #000
}

.heading {
    margin-top: 44px;
    padding: 0;
    background-color: #FF3838;
}

.heading > div {
    color: #fff;
    border-right: 1px solid #fff;
    font-size: 13px
}

.heading > div:nth-child(1) {
    width: 23%;
    background: transparent;
    line-height: 40px;
    text-align: center;
}

.heading > div:nth-child(2) {
    width: 15%;
    background: transparent;
    line-height: 40px;
    text-align: center;
}

.heading > div:nth-child(3) {
    width: 62%;
    background: transparent;
    border: 0
}

.heading > div:nth-child(3) h1 {
    width: 100%;
    height: 20px;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #fff;
    line-height: 20px;
    color: #fff;
    font-size: 13px;
    text-align: center
}

.heading > div:nth-child(3) div {
    width: 100%;
    height: 24px;
    overflow: hidden;
}

.heading > div:nth-child(3) div span {
    display: inline-block;
    width: 10%;
    height: 24px;
    line-height: 24px;
    border-right: 1px solid #fff;
    text-align: center;
}

.heading > div:nth-child(3) div span:last-child {
    border: 0
}

#movements .container {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 88px;
}

#movements ul {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 0;
    border-bottom: 1px solid #d3d3d3
}

#movements ul li {
    width: 100%;
    height: 24px;
    border-bottom: 1px solid #f1f1f1
}

#movements ul li > div {
    border-right: 1px solid #f1f1f1;
    height: 24px
}

#movements ul li > div:nth-child(1) {
    width: 23%;
    line-height: 24px;
    text-align: center;
}

#movements ul li > div:nth-child(2) {
    width: 15%;
    line-height: 24px;
    text-align: center;
}

#movements ul li > div:nth-child(3) {
    width: 62%;
    height: 24px;
    overflow: hidden;
}

#movements ul li > div:nth-child(3) > span {
    display: inline-block;
    width: 10%;
    height: 24px;
    line-height: 24px;
    border-right: 1px solid #f1f1f1;
    text-align: center;
    position: relative
}

#movements ul li > div:nth-child(3) > span:last-child {
    border: 0
}

.span-active {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #E60012;
    line-height: 20px;
    border-radius: 50%;
    color: #fff;
    position: absolute;
    left: 0;
    top: 2px;
    z-index: 4
}

.main-btn {
    width: 100%;
    color: #fff;
    font-size: 18px;
    height: 35px;
    margin-top: 10px;
    line-height: 35px;
    border-radius: 20px;
    text-align: center;
    overflow: hidden;
}

#movements ul:last-child {
    border-bottom: 0
}

.movements-active {
    color: #feab68 !important;
}

.ms {
    padding: 0;
    display: block;
    width: 100%;
    height: 72px
}

.ms > div {
    width: 100%;
    height: 24px;
}

.ms > div div:first-child {
    width: 38%;
    height: 24px;
    text-align: center;
    background-color: #FF3838;
    color: #fff;
    border-bottom: 1px solid #fff;
    line-height: 24px
}

.ms > div div:last-child {
    width: 62%;
    height: 24px;
    border-bottom: 1px solid #d3d3d3
}

.ms > div div:last-child > span {
    display: inline-block;
    width: 10%;
    height: 24px;
    line-height: 24px;
    border-right: 1px solid #f1f1f1;
    text-align: center;
}

.ms > div div:last-child > span:last-child {
    border: 0
}

.ms > div:nth-child(1) div:last-child span {
    color: #09B3F3
}

.ms > div:nth-child(2) div:last-child span {
    color: #ff0014
}

.ms > div:nth-child(3) div:last-child span {
    color: #14EAE2
}

#mycanvas {
    position: absolute;
    top: 88px;
    z-index: 3
}

/*我的方案*/
#scheme .list {
    padding-top: 30px
}

#scheme .list .button {
    background: none;
    color: #c3c3c3
}

#scheme .item-thumbnail-left {
    min-height: 45px
}

/*登录*/
/*#login ion-content{background: url(../img/login/login-bg.png) no-repeat center;background-size:100% 100%; }*/
#login .login-form {
    width: 80%;
    height: 330px;
    margin: 10% auto;
}

#login .login-form label {
    height: 40px;
    border: 0;
    border-bottom: 1px solid #d3d3d3;
    margin-bottom: 5px;
}

#login .login-form label input, i {
    line-height: 26px;
}

#login .login-form label input {
    padding-left: 10px;
}

#login .forgetpwd {
    float: right;
    margin: 10px 0;
    font-size: 12px;
    color: #4a8af4;
}

#login .login-form img {
    display: block;
    width: 120px;
    height: 120px;
    margin: 0 auto 20px
}

#login .login-form button {
    border: 0;
    background: #fff;
    color: #36C4F8;
    font-size: 16px;
    height: 40px;
}

#login .other {
    width: 100%;
    height: 70px;
    position: absolute;
    bottom: 0;
    display: flex;
    display: -webkit-flex;
    justify-content: space-around;
    line-height: 70px;
    vertical-align: middle;
    z-index: inherit
}

#login .other span {
    color: #000;
    text-decoration: underline
}

/*注册*/
#login .register .login-form {
    height: 460px;
}

#login .register .code {
    margin-bottom: 10px
}

#login .register .code input {
    width: 50%
}

#login .register .code button {
    display: block;
    background: #fff;
    color: #000;
    width: 48%;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 6px
}

/*验证邮箱*/
#verification-email div.hint {
    width: 100%;
    text-align: center;
    padding-top: 30px;
}

#verification-email .complete button {
    font-size: 16px;
}

#verification-email .validation {
    background: none;
    border: 0;
    color: #36C4F8
}

.tishi-red {
    color: red
}

/*重置密码*/
#login .reset .login-form {
    height: 370px;
    margin-top: -185px;
}

.spinner svg {
    width: 28px;
    height: 28px;
    stroke: #36C4F8;
    fill: #36C4F8;
}

.back-up button {
    color: #fff !important;
    text-align: left !important;
}

/*充值*/
#login .recharge .login-form {
    height: 280px;
    margin-top: -140px;
}

.popup-body {
    text-align: center
}

.popup-container {
    z-index: 999
}

.keyboard-hide {
    display: none !important;
}

/*绑定手机*/
#login .register.bind-phone .login-form {
    height: 300px;
    margin-top: -150px
}

/*已绑定手机*/
#login .register.bind-phone .linked-phone {
    text-align: center;
    height: 35px;
    width: 100%;
}

#login .register.bind-phone .linked-phone span {
    display: block;
    width: 60%;
    height: 35px;
    color: #36C4F8;
    line-height: 35px;
    background: #fff
}

#login .register.bind-phone .linked-phone span:first-child {
    font-size: 20px;
    background: none;
    color: #fff
}

#login .register.bind-phone .linked-phone span:last-child {
    display: block;
    width: 30%;
    border-radius: 6px;
}

.feedback-type {
    overflow: hidden;
}

.feedback-type label {
    width: 30%;
    margin: 1.5%;
    background-color: transparent;
    float: left;
}

/*支付方式*/
#payways .radio-content i {
    line-height: 60px;
}

/*咨询秘籍*/

#news {
    background-color: #ffffff;
}

#news .new-box {
    width: 100%;
    height: 40px;
    border-bottom: 2px #FF0202 solid
}

#news .new-box .new-box-center {
    width: 85%;
    height: 35px;
    margin: auto;
    text-align: center;
    line-height: 35px
}

#news .new-box .new-box-center span {
    width: 33%;
    height: 35px;
    float: left;
    letter-spacing: 0.1em;
    border-radius: 3px;
    margin-top: 8px
}

#news .new-box .new-box-center .have-active {
    background: #FF0202;
    color: #FFED02
}

#news .list-box {
    width: 100%;
    padding-bottom: 10px;
}

#news .list-box .list {
    width: 100%;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #E7D1F0
}

#news .list-box .list .list-left {
    width: 30%;
    height: auto;
    float: left;
    margin-left: 10px;
    color: #F587A2;
    padding-right: 20px;
    text-align: left
}

#news .list-box .list .list-right {
    width: 30%;
    height: auto;
    float: right;
    color: #645FF0;
    padding-left: 50px;
    margin-right: 10px;
}

#news .lists {
    width: 100%;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #E7D1F0;
    margin-top: 50%
}

#news .lists .list-left {
    width: 30%;
    height: auto;
    float: left;
    color: #F587A2
}

#news .lists .list-right {
    width: 30%;
    height: auto;
    float: right;
    color: #645FF0
}

#news .row {
    width: 100%;
    height: 35px;
    text-align: left;
    line-height: 35px;
}

#news .row p {
    width: 100%;
    height: 30px;
    border-bottom: 1px #cccccc solid;
    text-align: left;
    padding-left: 5px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis
}

/*更多*/
#more p {
    width: 98%;
    height: 30px;
    border-bottom: 1px #cccccc solid;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    line-height: 30px;
    margin: 0px auto
}

/*秘笈详情*/
#newsdetails img {
    width: 100% !important;
    height: auto !important;
}

/*@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {
    #details .middleul1 {display: flex!important;justify-content:space-between!important;};
}*/
@media only screen and (max-device-width: 320px) {
    #details .middleul1 {
        display: flex !important;
        justify-content: space-between !important;
    }

    #details .middleul1li {
        margin: 0;
        font-size: 10px;
        float: none;
        width: auto;
    }
}

/*金子九彩的新样式*/
/*首页*/
#home .jinzi_plays {
    background-color: #FFF7F2;
    padding: 10px;
    color: #9A9691;
    margin-top: 10px;
}

#home .plays_collect {
    width: 75%;
    text-align: center;
}

#home .plays_more {
    width: 25%;
    text-align: center;
}

#home .swiper-container-plays .swiper-slide {
    display: block;
    width: 33%;
}

#home .swiper-container-plays .swiper-slide p, #home .plays_more p {
    width: 50%;
    margin: 0 auto;
    height: auto;
}

#home .swiper-container-plays .swiper-slide p img, #home .plays_more p img {
    width: 100%;
    height: 100%;
}

#home .play_detail {
    padding: 0 10px 0 40px;
    background: url("../img/home/home_list_detail.png") no-repeat 12px center;
    background-size: 20px;
    line-height: 40px;
    font-size: 12px;
    border-bottom: 1px solid #ddd;
}

#home .play_detail div {
    line-height: 40px;
    margin-right: 5px;
}

#home .play_detail img {
    margin-top: 10px;
    width: 12px;
}

#home .play_detail .sample_goal {
    width: 50%;
    margin-top: 7px;
}

#home .play_detail .sample_goal .goalProgress {
    height: 20px;
}

#home .play_detail .sample_goal .progressBar {
    line-height: 20px;
    height: 20px;
}

#home .play_detail .sample_goal.special {
    width: 40%;
}

.header_special {
    background-color: #2d2c28;
}

.buy_rights {
    padding: 0 10px;
    position: fixed;
    bottom: 0;
    font-size: 12px;
    width: 100%;
    line-height: 20px;
    background-color: #FCF5D7;
    color: #656460;
}

.buy_rights p {
    margin: 0;
    padding: 10px 0;
}

.buy_rights p:last-child {
    color: #6F81C5;
    text-decoration: underline;
}

/*综合分析*/
#mov .mo-item {
    font-size: 12px;
    margin-bottom: 3%;
    background: url("../img/movements/fx_bg.png") no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    padding: 10px;
}

#mov .mo-item .fx_bg {
    width: 20%;
    display: flex;
    align-items: center;
}
#mov .mo-item .fx_bg>img {
    width: 60%;
}
#mov .mo-item .fx_text{
    width: 70%;
}
#mov .mo-item .fx_text span{
    display: inline-block;
}
#mov .mo-item .fx_text span:nth-child(1){
    font-size: 16px;
}
#mov .mo-item .fx_text span:nth-child(2){
    margin-left: 10px;
    font-size: 12px;
    color: #999;
}
#mov .mo-item .arrow_fx{
    text-align: right;
    padding-left: 8%;
    width:10%;
    display: flex;
    align-items: center;
}

#mov .mo-item .arrow_fx>img{
    width: 10px;
    height: 20px;
}





/*login页面*/
#login .login_tel {
    background: url("../img/login/login_tel.png") no-repeat center;
    background-size: 14px;
    min-height: 20px;
    min-width: 16px;
}

#login .login_pwd {
    background: url("../img/login/login_pwd.png") no-repeat center;
    background-size: 14px;
    min-height: 20px;
    min-width: 16px;
}

#login .login_code {
    background: url("../img/login/login_code.png") no-repeat center;
    background-size: 14px;
    min-height: 20px;
    min-width: 16px;
}

.header_special.bar.bar-header .title {
    color: #fff;
}

.header_special.bar.bar-header i {
    color: #fff;
}

/*个人账户中心*/
#new-account .user_img {
    width: 24%;
    text-align: center;
}

#new-account .user_img img {
    width: 72px;
    height: 72px;
}

#new-account .user_container {
    background-color: #fff;
}

#new-account .user {
    width: 94%;
    margin: 0 auto;
    padding: 10px 0;
}

#new-account .user_detail {
    width: 76%;
    font-size: 12px;
    padding-left: 4px;
    line-height: 36px;
    color: #888580;
}

#new-account .user_detail_right {
    width: 52%;
    text-align: left;
}

#new-account .color000 {
    color: #000;
}

#new-account .buy_container {
    background-color: #fff;
    margin: 5px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

#new-account .buy_btn {
    width: 90%;
    margin: 0 auto;
    padding: 10px 0;
}

#new-account .btn_item {
    width: 50%;
    text-align: center;
}

#new-account .btn_item button {
    color: #fff !important;
    width: 90%;
    height: 34px;
    border: none;
    outline: none;
    border-radius: 5px;
}

#new-account .btn_item1 {
    background: url("../img/account/my-rights.png") no-repeat center;
    background-size: 100% 100%;
}

#new-account .btn_item2 {
    background: url("../img/account/my_plan.png") no-repeat center;
    background-size: 100% 100%;
}

#new-account .user_list {
    background-color: #fff;
}

#new-account .user_list_content {
    width: 90%;
    margin: 0 auto;
}

#new-account .play_detail1 {
    padding: 0 10px 0 40px;
    background: url("../img/account/list_pwd.png") no-repeat 12px center;
    background-size: 20px;
    line-height: 40px;
    font-size: 12px;
    border-bottom: 1px solid #ddd;
}

#new-account .user_list_content img {
    margin-top: 7px;
}

#new-account .user_list_content .text {
    margin-top: 2px;
    font-size: 14px;
}

#new-account .play_detail2 {
    background: url("../img/account/list_kf.png") no-repeat 12px center;
    background-size: 20px;
}

#new-account .play_detail3 {
    background: url("../img/account/list_suggestion.png") no-repeat 12px center;
    background-size: 20px;
}

#new-account .play_detail4 {
    background: url("../img/account/list_return.png") no-repeat 12px center;
    background-size: 20px;
}

/*收藏计划*/
#detail-details .plans_add, #detail-details .all_plans {
    background-color: #fff;
    border-top: 1px solid transparent;
}

#detail-details .plans_title {
    width: 100px;
    line-height: 24px;
    padding-left: 4%;
    margin-top: 16px;
    background: url("../img/plans/plan_title.png") no-repeat center;
    background-size: 100% 100%;
    color: #fff;
}

#detail-details .plans_collected {
    width: 96%;
    margin: 20px auto;
}

#detail-details .collected_items {
    width: 33%;
    margin-bottom: 8px;
}

#detail-details .collected_content {
    width: 90%;
    height: 40px;
    background-color: #F4F4F2;
    padding: 6px 4px;
    font-size: 12px;
}

#detail-details .collected_content img {
    vertical-align: middle;
    width: 30px;
}

#detail-details .collected_content.active {
    border: 1px solid #f00;
    background: url("../img/plans/plans_selected.png") no-repeat bottom right;
    background-size: 16px;
}

#detail-details .plans_delete {
    margin: 40px 0 20px 0;
}

#detail-details .plans_delete img {
    float: right;
    width: 30px;
    height: 30px;
}

#detail-details .plans_alert {
    background-color: #FCF5D7;
    color: #000;
    line-height: 26px;
    text-align: center;
}

/*详情的模态*/
.plans_details {
    background-color: #fff;
    padding: 16px 0;
}

.plans_name {
    width: 100px;
    line-height: 24px;
    padding-left: 4%;
    background: url("../img/plans/plan_title.png") no-repeat center;
    background-size: 100% 100%;
    color: #fff;
}

.plans_content {
    width: 96%;
    margin: 10px auto;
}

.plans_items {
    width: 33%;
    margin-bottom: 6px;
}

.plans_items > div {
    width: 96%;
    margin: 0 auto;
    padding: 4px 6px;
    text-align: center;
    border: 1px solid #E3E1DE;
    color: #656460;
}

#login .bgActive {
    background: url('../img/login/logo_bg.png') no-repeat bottom center;
    background-size: 100%;
}

.button-danger {
    background-color: #b49861;
    color: #fff;
}

.button-positive {
    background-color: #b49861;
    color: #fff;
}

/*计划详情新页面*/
#new-details .detail-title {
    padding-right: 10px;
    padding-left: 50px;
    padding-bottom: 10px;
}

#new-details .detail-title title {
    line-height: 24px;
    color: #fff;
}

#new-details .new-title {
    line-height: 30px;
    color: #fff;
}

#new-details .new-title img {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-top: 5px;
}

#new-details .detail-title .result {
    padding: 4px 0;
}

#new-details .detail-title .result .result-item {
    width: 10%;
}

#new-details .detail-title .result .item-result {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #FFAE47;
    color: #BB2323;
    text-align: center;
    line-height: 20px;
}

#new-details .detail-time {
    background-color: #BB2323;
    text-align: center;
    color: #fff;
    line-height: 30px;
}

#new-details .detail-total > div {
    width: 33%;
    margin-bottom: 10px;
    font-size: 12px;
}

#new-details .detail-total img {
    vertical-align: middle;
    width: 24%;
}

#new-details .detail-content {
    border-top: 1px solid #ddd;
}

#new-details .detail-content-item:nth-child(odd) {
    background-color: #FFF5F4;
}

#new-details .detail-content-item > div {
    line-height: 30px;
}

#new-details .zhong {
    color: #00AE60;
}

#new-details .cuo {
    color: #f00;
}

/*新的登录页*/
#login-register .login-tabs {
    width: 100%;
    height: 180px;
    background: url("../img/login/loginbg.png") no-repeat;
    background-size: 100% 100%;
}

#login-register .login-title {
    margin: 40px auto;
    width: 60px;
    height: 60px;
}

#login-register .login-title img {
    width: 100%;
    height: 100%;
}

#login-register .login-tab {
    width: 100%;
    text-align: center;
}

#login-register .login-tab-item {
    width: 50%;
    color: #F0948F;
    font-size: 16px;
}

#login-register .login-tab-item.active span {
    padding-bottom: 4px;
    padding-top: 10px;
    border-bottom: 1px solid #ddd;
    color: #fff;
}

#login-register .login-content {
    width: 70%;
    margin: 40px auto;
}

#login-register .login-content label.item, #login-register .login-content div.item {
    border: none;
    border-bottom: 1px solid #ddd;
    padding: 0;
    margin-top: 1px;
}

#login-register .login-menu {
    line-height: 50px;
    color: #F03233;
}

#login-register .confirm-login {
    width: 100%;
    margin-top: 40px;
    background-color: #F03233;
    color: #fff;
    text-align: center;
    line-height: 36px;
    border-radius: 5px;
    font-size: 16px;
}

/*购买授权*/
#new-pay-rights .rights-plans-title {
    margin: 16px 0;
    width: 90px;
    height: 26px;
    color: #fff;
    line-height: 26px;
    text-align: center;
    background: url("../img/rights_bg.png") no-repeat;
    background-size: 100% 100%;
}

#new-pay-rights .plans-item {
    width: 33%;
    margin-bottom: 10px;
}

#new-pay-rights .item-content {
    width: 90%;
    background-color: #fff;
    text-align: center;
    padding: 4px;
}

#new-pay-rights .item-content.active {
    background-color: #FD2F31;
    color: #fff;
}

#new-pay-rights .item-content.active p:last-child {
    color: #FF8581;
}

#new-pay-rights .item-content p {
    margin: 0;
    padding: 0;
    text-overflow: clip;
    font-size: 12px;
}

#new-pay-rights .plans-size {
    font-size: 12px;
}

#new-pay-rights .plans-sizes {
    font-size: 10px;
}

#new-pay-rights .item-content p:last-child {
    text-decoration: line-through;
    color: #CCC8C3;
}

#new-pay-rights .item-content img {
    vertical-align: middle;
    width: 50%;
    height: auto;
    margin: 10px 0;
}

#new-pay-rights .all-plans {
    color: #656460;
}

#new-pay-rights .rights-price {
    width: 75%;
    background-color: #C11315;
    color: #fff;
    line-height: 44px;
    padding-left: 10%;
}

#new-pay-rights .rights-price span:last-child {
    color: #DE6F6A;
}

#new-pay-rights .next-rights {
    width: 25%;
    height: 44px;
}

#new-pay-rights .next-rights button {
    background-color: #FD2F31;
    color: #fff;
    line-height: 44px;
    width: 100%;
    border: none;
    height: 100%;
    border-radius: inherit;
}

/*新的登录页*/
#new-login-register .login_bg{
    background-color: #FFFFFF;
}
#new-login-register .title {
    width: 100%;
    /*line-height: 170px;*/

    text-align: center;
    background: url("../img/login/login_bg.png") no-repeat;
    background-size: 100% 100%;
    color: #fff;
    font-size: 18px;
}
#new-login-register .title .title_text{
    padding: 45px 0;
    text-align: center;
    color: #fff;
}
#new-login-register .login-tabs {
    width: 100%;
    height: 45px;
    line-height: 45px;
    bottom: 0;
    text-align: center;
    color: #fff;
    display: flex;
    justify-content: center;
}
#new-login-register .login-tabs div{
    width: 40%;
    text-align: center;
    color: #737271;
}
.login-tabs-active{
    color: #e3cca2!important;
    position: relative;
    top:0;
    left: 0;
}
.login-tabs-active:after{
    content: ' ';
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent #e3cca2 transparent;
    position: absolute;
    bottom: 0;
    left: 45%;

}


#new-login-register .container {
    /*position: relative;*/
    /*bottom: 20px;*/
    width: 80%;
    margin: 0 auto;
    margin-top: 20px;
    /*padding: 20px 20px;*/
    /*background-color: #fff;*/
    border-radius: 10px;
}

#new-login-register .border-none {
    border: none;
}
#new-login-register .border-none>input{
    color: #000;
}
#new-login-register .background-container {
    color: #000;
    border-bottom: 1px solid #bbbbbb;
}

#new-login-register .new-tel {
    background: url("../img/login/new_tel.png") no-repeat;
    background-size: contain;
}

#new-login-register .new-pwd {
    background: url("../img/login/new-pwd.png") no-repeat;
    background-size: contain;
}

#new-login-register .new-code {
    background: url("../img/login/new_code.png") no-repeat;
    background-size: contain;
}

#new-login-register .container i {
    margin-right: 10px;
    min-height: 22px;
    min-width: 20px;
}

#new-login-register .container label {
    margin-bottom: 16px;
}

#new-login-register .method {
    line-height: 30px;
    color: #e3cca2;
}

#new-login-register .login {
    width: 100%;
    margin: 0 auto;
    height: 45px;
    line-height: 45px;
    border: 1px solid #c3a66c;
    background-color: #c3a66c;
    color: #fff;
    text-align: center;
    border-radius: 5px;
}



#new-login-register .code {
    display: inline-block;
    width: 100%;
    color: #e3cca2;
    line-height: 33px;
    text-align: center;
    border-radius: 3px;
    font-size: 12px;
}

/*新的首页*/
.bar.bar-positive {
    width: 100%;
    border-color: #ad5c4a!important;
    background-color: #ad5c4a!important;
    background-image: linear-gradient(0deg, #ad5c4a, #ad5c4a 50%, transparent 50%)!important;
    color: #fff;
}


#new-home .account_user{
    height: 150px;
    background:url("../img/home/accout_bg.png")no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    padding: 15px;
}

#new-home .account_list{
    padding:15px 10px;
}
#new-home .account_list_child{
    height: 50px;
    display: flex;
    align-items: center;
}
#new-home .account_list_child span{
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-right: 5px;
    /*border: 1px solid red;*/
}
.a1{
    background: url("../img/home/my_jihua.png")no-repeat;
    background-size: 100%;
}
.a2{
    background: url("../img/home/my_pwd.png")no-repeat;
    background-size: 100%;
}
.a3{
    background: url("../img/home/yijian.png")no-repeat;
    background-size: 100%;
}
.a4{
    background: url("../img/home/about_us.png")no-repeat;
    background-size: 100%;
}
.a5{
    background: url("../img/home/log_out.png")no-repeat;
    background-size: 100%;
}
#new-home >.header_special {
    background-color: #ad5c4a;
    display: none!important;
}
#new-home .position_active{
    position: relative;

}
#new-home .position_active_left{
    left: 70%;
}

#new-home .title_menu{
    background-color: #2d2c28!important;
    display: flex;
    align-items: center;
    padding: 10px;
}
#new-home .title {
    width: 80%;
    padding: 10px 0;
    /*background-color: #6F81C5;*/
    background-color: #2d2c28!important;
    text-align: center;
    /*height: 70px;*/
    color: #fff;
    font-size: 17px;
    margin-bottom: 0px;
}
#new-home .open_info{
    background-color: #2d2c28;
    padding: 10px 10px 0;

}
#new-home .open_info .open_lottery_num{
    background-color: #FFFFFF;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}


#new-home .num-result {
    bottom: 10px;
    width: 100%;
    margin: 0 auto;
}

#new-home .num-date {

}

#new-home .num-date .num-lottery{
    color: #000;
    padding:6px 0 6px 10px;
    width: 30%;
    font-size: 0.8rem;
}

#new-home .num-date .num-kai {
    color: #999999;
    padding:6px 10px 6px 0;
    width: 70%;
    text-align: right;
    font-size: 0.8rem;

}

#new-home .num-nums {
    /*margin-bottom: 10px;*/
}

#new-home .num-item {
    width: 10%;
}

#new-home .num-item div {
    width: 24px;
    height: 24px;
    text-align: center;
    border-radius: 13px;
    line-height: 24px;
    color: #fff;
    background-color: #c3a66c ;
}

#new-home .plans-select {
    background-color: #c3a66c;
    color: #e3cca2;
}

#new-home .plans-details {
    background-color: #fff;
    padding: 2%;
}

#new-home .plans-details-container {

    color: #262626;

}

#new-home .plans-details-item {
    line-height: 30px;
    padding: 8px 4px;
    margin-bottom: 5px;
    background-color: #f7f7f7;
    border-radius: 5px;
}




/*#new-home .plans-details-item:not(:last-child) {*/
    /*border-bottom: 1px solid #E3E1DE;*/
/*}*/

#new-home .plans-details-item div:nth-child(2) {
    color: #74726D;
}

#new-home .plans-details-item .sample_goal {
    width: 42%;
}

#new-home .plans-details-item .sample_goal .goalProgress {
    height: 20px;
    border-radius: 10px;
}

#new-home .plans-details-item .sample_goal .progressBar {
    line-height: 20px;
    height: 20px;
    border-radius: 10px;
}

#new-home .plans-details-item .sample_goal.special {
    width: 40%;
}

#new-home .plans-details-item img {
    width: 10px;
    margin-top: 5px;
    margin-left: 12px;
}

#new-home .swiper-container-plays .swiper-slide {
    display: block;
    width: 33%;
    text-align: center;
}

#new-home .swiper-container-plays {
    width: 75%;
    overflow: hidden;
    text-align: center;
    line-height: 40px;
}

#new-home .plan-more {
    width: 25%;
    line-height: 40px;
    text-align: center;
}

#new-home .swiper-container-plays .active {
    background-color: #2d2c28;
    color: #e3cca2;
    position: relative;
    top: 0;
    left: 0;
}

#new-home .swiper-container-plays .active:after {
    content: '';
    border-style: solid;
    border-width: 5px;
    border-color:transparent transparent #ffffff transparent;
    position: absolute;
    bottom: 0;
    left: 44%;
}


#new-home .home-news{
    background-color:#fff;
}
#new-home .home-news .home-news-nav{
    background-color:#c3a66c;
    color:#e3cca2;
}
#new-home .home-news .home-news-nav div{
    height:40px;
    line-height:40px;
    width:25%;
    text-align:center;


}
.newNav-active{
    background-color: #2d2c28!important;
    color: #e3cca2;
    position: relative;
    top: 0;
    left: 0;
}
.newNav-active:after{
    content: '';
    border-style: solid;
    border-width: 5px;
    border-color:transparent transparent #ffffff transparent;
    position: absolute;
    bottom: 0;
    left: 44%;
}

#new-home .home-news-body{
    padding:0 10px;
}

#new-home .home-news-body .news-style{
    border-bottom: 1px solid #e0e0e0;
    /*display: flex;*/
    /*align-items: center;*/
    padding: 10px 0;
}
#new-home .home-news-body .news-style .news-text{
    width: 70%;
}
#new-home .home-news-body .news-style .news-text p:nth-child(2){
    margin: 2px 0 0 0;
}
#new-home .home-news-body .news-style .news-text p:nth-child(2)>span:nth-child(1){
    color: #00a35a;
}
#new-home .home-news-body .news-style .news-text p:nth-child(2)>span:nth-child(2),p:nth-child(2)>span:nth-child(3){
    color: #999999;
}

#new-home .home-news-body .news-style .news-img{
    width: 30%;
}

#new-home .home-news-body .news-style .news-img img{
    width: 100%;
    height:100%;
    border-radius: 3px;
}























/*新的个人账户中心*/
#new-account .cheats{
    padding: 10px;
}
#new-account .cheats ul li {
    padding: 8px 0;
    border-bottom: 1px solid #f4f4f4;
}




/*新的计划详情*/
#new-details .title {
    width: 100%;
    padding: 10px 0;
    background-color: #6F81C5;
    text-align: center;
    height: 70px;
    color: #fff;
    font-size: 17px;
}

#new-details .num-result {
    background-color: #2d2c28;
    padding: 10px 10px 0;
    margin: 0 auto;
}

#new-details .num_result_nav{
    background-color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 8px 0;
}


#new-details .num-date {
    line-height: 30px;
    font-size: 12px;
}

#new-details .num-lottery {
    color: #000;
}

#new-details .num-kai {
    color: #999;
}

#new-details .num-nums {
    /*margin-bottom: 10px;*/
}

#new-details .num-item {
    width: 10%;
}

#new-details .num-item div {
    width: 24px;
    height: 24px;
    text-align: center;
    border-radius: 15px;
    line-height: 24px;
    color: #fff;
    background-color: #b4985f;
}

#new-details .details-title {
    line-height: 30px;
    color: #fff;
}
#new-details .details-title .rest_nav{
    width: 100%;
    margin: 0 auto;
    padding:5px 10px;
    background-color: #c3a66c;
}

#new-details .details-title img {
    width: 20px;
    vertical-align: middle;
}

#new-details .details-title span {
    font-size: 16px;
}

#new-details .details-title span:last-child {
    font-size: 12px;
    margin-left: 10px;
}

#new-details .details-details {
    background-color: #2d2c28;
    text-align: center;
    padding:10px 5px;
}

#new-details .details-item {
    width: 16.2%;
    margin-right: 0.55%;
    height: 52px;
}



#new-details .details-item>p {
    color: #e3cca2;
}

#new-details .details-item>span{
    color: #999999;
}

#new-details .plans-details {
    /*background-color: #6F81C5;*/
    /*padding: 2%;*/
    margin-bottom: 30px;
}

#new-details .periods-container {
    width: 100%;
    background-color: #fff;
    border-radius: 5px;
    padding: 2% 1%;
}

#new-details .periods-item {
    line-height: 26px;
    background-color: #f7f7f7;
    margin-bottom: 5px;
    padding: 1%;
    border-radius: 5px;
}

/*#new-details .periods-item:not(:last-child) {*/
    /*!*border: 1px solid #ddd;*!*/
/*}*/

#new-details .period-num {
    width: 17px;
    height: 17px;
    border-radius: 50%;
    border: 1px solid #ad5c4a;
    color: #ad5c4a;
    text-align: center;
    line-height: 16px;
    margin: 0 10px;
}

#new-details .kai>div{
    display: flex;
    align-items: center;
}
#new-details .kai_num{
    display: flex;
    align-items: center;

}
#new-details .kai_nums{
    text-align: center;
    background-color: #b4985f;
    color: #fff;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
    margin-left: 3px;
}

#new-details .period-state {
    color: #00AE60;
}

/*我的计划和计划详情*/


#new-plans .coll_nav{
    overflow: hidden;
    background-color: #fff;
    font-size: 16px;
}
#new-plans .coll_nav .coll_active{
    /*border-bottom: 2px solid #c3a66c;*/
    color: #c3a66c;
    font-size: 18px;
    position: relative;
    top: 0;
    left: 0;
}
#new-plans .coll_nav .coll_active:after{
    content:' ';
    border-style: solid;
    border-width: 8px;
    border-color: transparent transparent #c3a66c transparent;
    position: absolute;
    bottom: 0;
    left: 45%;
    z-index: 9999;
}



#new-plans .coll_nav div{
    width: 50%;
    height: 45px;
    line-height:45px;
    text-align: center;
}

#new-plans .coll_prompt{
    background-color: #c3a66c;
    padding: 5px;
    color: #FFFFFF;
}


#new-plans .item-complex .item-content, .item-radio .item-content {
    position: relative;
    z-index: 2;
    padding: 5px 5px 5px 15px!important;
    display: flex!important;
    border: none;
    background-color: #fff;
    align-items: center!important;
}

#new-plans .coll_text>p:nth-child(1){
    font-size: 16px!important;
    color: #000!important;
}



#new-plans .coll_body .coll_img{
    height: 20%;
    width: 20%;
    margin-right: 10px;
}
#new-plans .coll_body .coll_img>img{
    width: 80%;
    height: 80%;
}

#new-plans .coll_body .coll_text{
    width: 65%;
}
#new-plans .coll_body .coll_collection{
    width: 15%;
    height: 50px;
}
#new-plans .coll_body .coll_collection>img{
    width: 100%;
}
#new-plans .new-lies {
    width: 35%;
    margin: 0 auto;
    background-color: #fff;
    /*border-radius: 5px;*/
    /*box-shadow: 0 0 6px 1px #ddd;*/
    line-height: 40px;
    /*padding-left: 5px;*/
    /*border: 1px solid red;*/
    color: #000;
    text-align: center;
}

#new-plans .new-lies p {
    margin: 0;
    font-size: 16px;
}

#new-plans .button.button-calm {
    border-color: transparent;
    background-color: #c3a66c!important;
    color: #fff;
}

#new-plans .button.button-assertive {
    border-color: transparent;
    background-color: #2d2c28!important;
    color: #fff;
}


/*jihua详情*/
#gameplay-details .all_play,.my_play{
    overflow: hidden;
}
/*#gameplay-details .all_play>div:nth-child(1),.my_play>div:nth-child(1){*/
/*margin-left: 0;*/
/*}*/
#gameplay-details .all_play>div,.my_play>div{
    float: left;
    width: 24%;
    padding: 5px;
    background-color: #f5f5f5;
    color: #333;
    text-align: center;
    margin-bottom: 5px;
    margin-left: 1%;
}
#gameplay-details .gamePlay-details-nav{
    padding:10px;
    background-color: #2d2c28;
    color: #fff;
    display: flex;
    align-items: center;
}

#gameplay-details .gamePlay-details-nav div:nth-child(1){
    width: 20%;
    display: flex;
    align-items: center;
}

#gameplay-details .gamePlay-details-nav div:nth-child(1)>img{
    width: 80%;
    height: 80%;
}

#gameplay-details .gamePlay-details-nav div:nth-child(2){
    width: 80%;
    font-size: 1.2rem;
}














#new-plans .new-plans-item {
    /*position: relative;*/
    z-index: 1000;
    bottom: 14px;
    margin-bottom: 10px;
    overflow: hidden;
    /*border: 1px solid red;*/
}

#new-plans .collect_title{
    position: relative;
    z-index: 1 !important;
    overflow: hidden;
    height: 40px;
    background-color: #faf5da;
    border-bottom: 1px solid #f1edd7;
}
#new-plans .collect_title div{
    width: 33%;
    height: 40px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 16px;
}


#new-plans .new-lies {
    width: 35%;
    margin: 0 auto;
    background-color: #fff;
    /*border-radius: 5px;*/
    /*box-shadow: 0 0 6px 1px #ddd;*/
    line-height: 40px;
    /*padding-left: 5px;*/
    /*border: 1px solid red;*/
    color: #000;
    text-align: center;
}

#new-plans .new-lies p {
    margin: 0;
    font-size: 16px;
}

/*#new-plans .new-lies p:last-child {*/
    /*font-size: 14px;*/
    /*color: #74726D;*/
/*}*/

#new-plans .new-play {
    width: 65%;
    margin: 0 auto;
    /*border-radius: 5px;*/
    /*box-shadow: 0 0 6px 1px #ddd;*/
    line-height: 30px;
    padding: 10px;
    background-color: #ad5c4a;
}

#new-plans .new-play-item {
    background-color: #8a4435;
    width: 24%;
    margin-right: 1%;
    line-height: 30px;
    text-align: center;
    padding: 0 4px;
    font-size: 12px;
    margin-bottom: 10px;
    color: #fff;
}

#new-plans .new-lies .active {
    background-color: #ad5c4a;
    color: #fff;
}

#new-plans .new-lies.active p:last-child {
    color: #D8DBED;
}

/*新闻中心*/
#newsCenter .new_center_nav {
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    border-bottom: 1px solid #e0e0e0;
}

#newsCenter .new_center_nav div {
    width: 20%;
    text-align: center;
    color: #000;
}

#newsCenter .new_center_nav .new_nav_active {
    color: #b79a60;
    position: relative;
    top: 0;
    left: 0;

}

#newsCenter .new_center_nav .new_nav_active:after {
    content: '';
    border-width:0 6px 6px;
    border-style:solid;
    border-color:transparent transparent #b79a60;/*透明 透明  灰*/
    position: absolute;
    top: 32px;
    left: 26px;
}

#newsCenter .img_nav{
    height: 135px;
    width: 100%;
    position: relative;
    top:0;
    left: 0;
}

#newsCenter .new_center_lists{
    padding: 10px;
}
#newsCenter .new_center_lists li{
    padding: 6px 0;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}
#newsCenter .new_center_lists .center_lists_img{
    width: 30%;
    height: 80px;
}
#newsCenter .new_center_lists .center_lists_img img{
    width: 100%;
    height: 100%;
}
#newsCenter .new_center_lists .center_lists_text{
    width: 70%;
}

/*新闻详情*/
#newsDetail .news_title {
    padding: 10px;
}

#newsDetail .news_title div:nth-child(1) {
    font-size: 18px;
    color: #000000;
    margin-bottom: 5px;
}

#newsDetail .news_title p {
    margin-bottom: 0;
}

#newsDetail .news_title div:nth-child(2) p:nth-child(1) {
    margin-right: 10px;
    color: #999999;
}

#newsDetail .news_title div:nth-child(2) p:nth-child(2) {
    color: #ea7442;
}

#newsDetail .news_body div:nth-child(1) {
    height: 180px;
}

#newsDetail .news_body div:nth-child(1) img {
    width: 100%;
    height: 100%;
}

#newsDetail .news_body div:nth-child(2) {
    padding: 10px;
    line-height: 21px;
    border-bottom: 1px dotted #999999;
    /*text-indent: 29px;*/
}

#newsDetail .news_table {
    padding: 10px;
}

#newsDetail .news_table .about_info {
    width: 100%;
    text-align: center;
    padding: 20px 0;
}

#newsDetail .news_table .about_info p {
    color: #ea7442;
    font-size: 18px;
    border-bottom: 1px solid #888888;
    width: 50%;
    margin: 0 auto;
    position: relative;
    top: 0;
    left: 0;
}

#newsDetail .news_table .about_info p > span {
    width: 65%;
    background-color: #FFFFFF;
    display: inline-block;
    position: absolute;
    top: -10px;
    left: 17.5%;
}

#newsDetail .news_table ul li {
    padding: 6px 0;
    border-bottom: 1px solid #e0e0e0;
}























































/*对于小尺寸的特殊处理*/
@media screen and (max-width: 320px) {
    #new-details .details-item span {
        /*font-size: 12px;*/
        font-size: 0.5rem;
    }
}

#new-plans .collect_plans {
    background: #fff url("../img/collect_plans.png") no-repeat right top;
    background-size: 25px;
}

/*购买授权*/
#new-pay .new-pay-items {
    position: relative;
    z-index: 1000;
    bottom: 14px;
    width: 96%;
    margin: 0 auto 10px auto;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 36px;
    padding-bottom: 10px;
}

#new-pay .new-pay-items p {
    margin: 0;
}

#new-pay .new-pay-bg17 {
    background: url("../img/pay/17.png") no-repeat;
    background-size: cover;
}

#new-pay .new-pay-bg16 {
    background: url("../img/pay/16.png") no-repeat;
    background-size: cover;
}

#new-pay .new-pay-bg12 {
    background: url("../img/pay/12.png") no-repeat;
    background-size: cover;
}

#new-pay .new-pay-bg11 {
    background: url("../img/pay/11.png") no-repeat;
    background-size: cover;
}

#new-pay .new-pay-bg10 {
    background: url("../img/pay/10.png") no-repeat;
    background-size: cover;
}

#new-pay .price {
    font-size: 25px;
    color: #FFDE7F;
}

#new-pay .old_price {
    text-decoration: line-through;
    color: #7E89BD;
}

#new-pay .new-pay-items button {
    border: none;
    background-color: #FFDE7F;
    color: #264882;
    line-height: 30px;
    width: 40%;
    border-radius: 30px;
    text-align: center;
}